﻿ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1 {
    padding: 0;
    margin: 0;
}

#layout {
    padding: 0.5em;
    margin: 0 auto;
}

    #layout h1 {
        font-size: 1.3em;
        line-height: 2em;
        text-indent: 1em;
        border-bottom: 1px solid #ccc;
    }

    #layout ul.form_list {
        padding: 0.5em;
        border: 1px solid #ccc;
        margin: 0.5em 0;
    }

        #layout ul.form_list li.form_item {
            list-style: none;
            display: inline-block;
            position: relative;
            padding: 0.1em 0 0.1em 5em;
            box-sizing: border-box;
            float: left;
        }

        #layout ul.form_list li.form_item_1 {
            width: 100%;
        }

        #layout ul.form_list li.form_item_2 {
            width: 33.33%;
        }

        #layout ul.form_list li.form_item_3 {
            width: 33%;
        }

        #layout ul.form_list li.form_item label {
            position: absolute;
            left: 0;
            top: 0;
            line-height: 2.2em;
            width: 5em;
            padding: 0 0.5em 0 0;
            text-align: right;
        }

        #layout ul.form_list li.form_item div.input_c {
            display: inline-block;
            width: 82%;
            float: left;
        }

        #layout ul.form_list li.form_item div.input_c_1 {
            width: 10em;
        }

        #layout ul.form_list li.form_item div.input_c_2 {
            width: 77%;
        }

        #layout ul.form_list li.form_item div.input_c_3 {
            width: 85%;
        }



        #layout ul.form_list li.form_item div.input_c_r input {
            text-align: right;
        }

        #layout ul.form_list li.form_item div.input_c input, #layout ul.form_list li.form_item div.input_c select {
            height: 2em;
        }

        #layout ul.form_list li.form_item div.form_item_after {
            line-height: 2.2em;
            text-align: left;
            color: #c00;
            display: inline-block;
            padding: 0 0 0 0.2em;
        }

        #layout ul.form_list li.form_item div.form_item_aftern {
            line-height: 2.2em;
            text-align: left;
            display: inline-block;
            float: left;
            padding: 0 0 0 0.3em;
        }

            #layout ul.form_list li.form_item div.form_item_aftern button.butn_details {
                color: #fff;
                background-color: #1ABC9C;
                border-color: #1ABC9C;
                height: 1.5em;
                width: 1.5em;
                border-radius: 0.3em;
                border: none;
            }

        #layout ul.form_list li.form_item div.input_three {
            width: 95%;
        }

            #layout ul.form_list li.form_item div.input_three input {
                display: inline-block;
                width: 3.9em;
            }

    #layout .tool_c {
        padding: 0.5em 0;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color: #f9f9f9;
    }

        #layout .tool_c .input_c {
            position: relative;
            padding: 0 1em 0 6em;
        }

        #layout .tool_c label {
            position: absolute;
            left: 0;
            line-height: 2em;
            width: 6em;
            padding: 0 0.5em 0 0;
            text-align: right;
        }

        #layout .tool_c input {
            height: 2em;
        }

[clear] {
    clear: both;
}
